<template>
	<view>
		<view class="zxRoomTj spaceBet">
			<view class="roomItem zxRoom">
				<image class="img samePar posAbso ltzero" :src="getStaticFilePath('zxsBg.png')"></image>
				<view class="zxRoomNum samePar posAbso ltzero">
					<view class="num posAbso">
						<text class="detNum" style="font-size: 70rpx;">5</text>
						<text>个</text>
					</view> 
					<view class="goMore posAbso">
						<view class="zxsTit hxbFont">咨询室</view>
						<view class="moreTxt spaceBet">
							<text>前往社区咨询室</text>
							<text class="iconfont icon-gengduo"></text>
						</view>
					</view>
				</view>
			</view>
			<view class="roomItem xlzx">
				<view class="innerItem">
					<view class="timesTit hxbFont">咨询个案</view>
					<view class="timesNum spaceBet">
						<text>咨询次数</text>
						<view class="alignCen">
							<text class="detNum">7589</text>
							<text>个</text>
						</view>
					</view>
				</view>
				<view class="innerItem">
					<view class="timesTit hxbFont">咨询师</view>
					<view class="timesNum spaceBet">
						<text>咨询人数</text>
						<view class="alignCen">
							<text class="detNum">7589</text>
							<text>个</text>
						</view>
					</view> 
				</view>
			</view>
		</view>
		<!-- 咨询评价 -->
		<view class="zxPjWrap">
			<view class="pjTit">
				<view class="title hxbFont">咨询评价</view>
				<view class="plTag">优质评论</view>
			</view>
			<view class="pjContent">
			</view>
		</view>
		<sq-mod-tit
			title="咨询"
			specTit="师"
			:needMore="true"
		></sq-mod-tit>
		<zxs-list-sq></zxs-list-sq>
		<sq-mod-tit
			title="倾听"
			specTit="师"
			:needMore="true"
		></sq-mod-tit>
		<zxs-list-sq></zxs-list-sq>
	</view>
</template>

<script>
	import SqModTit from '@/components/sq-mod-tit'
	import ZxsListSq from '../../../index/components/ZxsListSq.vue'
	export default {
		components: {
			SqModTit,
			ZxsListSq
		},
	}
</script>

<style src="@/static/fonts/staatliches.css"></style>
<style src="@/static/fonts/hxbnst.css"></style>
<style lang="scss" scoped>
	@import '@/static/scss/xlpg.scss';

	.zxPjWrap {
		background: $sq-fue;
		border-radius: 20rpx;
		padding: 30rpx 0;
		margin-bottom: 20rpx;
		overflow: hidden;

		.pjTit {
			height: 50rpx;
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			padding: 0 30rpx;

			.plTag {
				margin-left: 20rpx;
				padding: 0 10rpx;
				height: 40rpx;
				line-height: 40rpx;
				border-radius: 8rpx;
				background: rgba(0, 200, 240, .1);
				color: #00C8F0;
				font-size: 22rpx;
			}
		}

		.pjContent {
			height: 200rpx;
			.conItem {
				height: 40rpx;
				background: linear-gradient(90deg, rgba(255, 214, 221, 1) 0%, rgba(196, 208, 251, 1) 100%);
			}
		}
	}
</style>